<div id="content_header">
  <h3>Register a Day Classification</h3>
</div>
<div class="row">
  <div class="col-md-6 col-lg-4">
    <form name="dayClassForm" role="form" ng-submit="addDayClass()">
      <!-- <div class="form-group">
        <label for="dayClassLabel">
          Day Classification Label
        </label>
        <span class="error" ng-show="dayClassForm.dayClassLabel.$error.required">Required!</span>
        <input type="text" name="dayClassLabel" class="form-control" id="dayClassLabel" placeholder="Input field" ng-model="dayClassNew.DayClassLabel" required>
      </div> -->

      <!-- <div class="form-group">
        <div class="input-group" ng-repeat="day in days">
          <label>
            <input
              type="checkbox"
              name="selectedDays[]"
              ng-model="day.selected"
            > {{day.label}}
          </label>
        </div>
      </div> -->

      <div class="form-group" ng-class="{ 'has-error': errors.CourseType}">
        <label class="required" for="CourseType">Course Type</label>
        <select name="CourseType" class="form-control" id="CourseType" ng-model="dayClassNew.CourseType.Id" ng-options="coursetype.Id as coursetype.Code +' - '+ coursetype.Name for coursetype in coursetypes">
          <option value="" ng-hide="dayClassNew.CourseType.Id">Select a Course Type.</option>
        </select>
        <error-widget field="errors.CourseType"></error-widget>
      </div>

      <div class="form-group" ng-class="{ 'has-error': errors.DayRange}">
        <label class="required" for="range">Day Range</label>
        <br>
        <label class="form-control" ng-repeat="day in days"><input type="checkbox" ng-click="validate(day)"> {{ day.label }}</label>
        <error-widget field="errors.DayRange"></error-widget>
      </div>

      <!-- <div class="form-group" ng-class="{ 'has-error': errors.DayRange}">
        <label class="required" for="range">Day Range</label>
        <select name="range" id="range" class="form-control" ng-model="dayClassNew.DayRange">
          <option value="M-W">Monday & Wednesday</option>
          <option value="T-T">Tuesday & Thursday</option>
        </select>
        <error-widget field="errors.DayRange"></error-widget>
      </div> -->

      <button type="submit" class="btn btn-primary" >Submit</button>
    </form>
  </div>
</div>